<template>
  <div class="template-container">
    <TableVue></TableVue>
    <a-drawer v-model:visible="showForm" width="500px" :footer="false" :mask-closable="false">
      <FormVue></FormVue>
    </a-drawer>
  </div>
</template>

<script setup lang="ts">
import { getOptions } from "@/data/options/options.actions";

import { DICT_ENUM } from "@/enum/dict.enum";
import { showForm } from "./data/form";
import { lightQueueStatus } from "./data/options";
import FormVue from "./form/Form.vue";
import TableVue from "./table/table.vue";

const getQueueStatus = async () => {
  lightQueueStatus.value = await getOptions(DICT_ENUM.LIGHT_QUEUE_STATUS, "闪灯记录");
};
onMounted(() => {
  getQueueStatus();
});
</script>

<style lang="scss" scoped></style>
